<template>
    <view>
        <uni-collapse>
            <uni-collapse-item title="默认开启" :open="true">
                <text>折叠内容</text>
            </uni-collapse-item>
            <uni-collapse-item title="折叠内容" :open="true">
                <text>折叠内容</text>
            </uni-collapse-item>
            <uni-collapse-item title="禁用状态" disabled>
                <text>折叠内容</text>
            </uni-collapse-item>
        </uni-collapse>
        <view>
            <text>{{ value.join(",") }}</text>
        </view>
        <uni-collapse v-model="value">
        	<uni-collapse-item name="key1" title="默认开启">
        		<text>折叠内容</text>
        	</uni-collapse-item>
        	<uni-collapse-item name="key2" title="默认开启">
        			<text>折叠内容</text>
        	</uni-collapse-item>
        	<uni-collapse-item name="key3" title="默认不开启">
        			<text>折叠内容</text>
        	</uni-collapse-item>
        </uni-collapse>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                value: ['key1', 'key2']
            }
        },
        methods: {

        }
    }
</script>

<style>

</style>